$a:#68a1f7;
$card-c-y:#c6cec8;
$card-c:#f5f5f5;
$b-red:#f76879;
body{
    min-width: auto;
}
.mycf{
    .mycf-header{
        color: $card-c;
        i{
            float: left;
            margin-left: .5rem;
            font-size: 1.6rem;
            line-height: 3.8rem;
        }
        height: 3.5rem;
        background: $a;
        h2{
            color: $card-c;
            text-align: center;
            line-height: 3.5rem;
        }
    }

    .mycf-body{
        padding: .5rem;
        .mycf-card{
            -moz-box-shadow:1px 7px 5px $card-c-y; 
            -webkit-box-shadow:1px 7px 5px $card-c-y; 
            box-shadow:1px 7px 5px $card-c-y;
            margin-bottom: 1rem;
            border-radius:.6rem;
            padding: .8rem;
            background: $card-c;
            .mycf-card-b{
                .mycf-btn-red{
                    background: $b-red;
                    color: #f5f5f5;
                }
                .mycf-btn-blue{
                    background: $a;
                    color: #f5f5f5;
                }
                button{
                    margin-bottom: .3rem;
                    height: 2rem;
                    border-radius:2rem;
                }
                i{
                    color: $a;
                }
                p{
                    color: #a9a9a9;
                }
                .card-img-c{
                    // background: #123;
                    padding-top: .5rem;
                    height: 8rem;
                }
            }
        }
        .mycf-card-y{
            margin-bottom: 1rem;
            border-radius:.6rem;
            padding: .6rem;
            background: $card-c-y;
        }
        .mycf-ewm{
            text-align: center;
            h3{
                color: $a;
            }
        }
    }
}